<template>
<div>
            <TypeNav/>
            <ListBanner/>
            <TodayRecommend/>
            <Rank/>
            <Like/>
            <Floor v-for="f in floors" :key="f.id" :floors='f'/>
      
            <Brand/>
</div>
     
</template>

<script>
import { mapState } from 'vuex'
import ListBanner from '@/pages/Home/ListBanner'
import TodayRecommend from '@/pages/Home/TodayRecommend'
import Rank from '@/pages/Home/Rank'
import Like from '@/pages/Home/Like'
import Floor from '@/pages/Home/Floor'
import Brand from '@/pages/Home/Brand'

export default {
name:'home',
components:{
  ListBanner,
  TodayRecommend,
  Rank,
  Like,
  Floor,
  Brand,
},
computed:{
  ...mapState({
    floors:(store)=>{
        return store.Home.floors
  }}),
 
},
mounted() {
    this.$store.dispatch('floor')

   
},

}
</script>

<style>

</style>